// Sidebar

// 默认样式修改
.el-menu {
  border-right: none !important;
  .svg-icon {
    margin-right: 12px;
  }
}

// 菜单字体颜色
.el-menu-item,
.el-submenu__title {
  height: 50px !important;
  line-height: 50px !important;
  color: @menuText !important;
  transition: none !important;
}

// 修复点击左侧菜单折叠再展开时，宽度不跟随问题
.el-menu--collapse .el-menu .el-submenu {
  min-width: @sideBarMinWidth !important;
}
// 水平菜单、横向菜单高亮 背景色，鼠标 hover 时，有子级菜单的背景色
.el-menu-item.is-active,
.el-submenu.is-active .el-submenu__title,
.el-submenu:not(.is-opened):hover .el-submenu__title {
  color: #ffffff;
  background-color: @menuHover !important;
}
.el-submenu:not(.is-active):hover .el-submenu__title {
  color: #ffffff;
  background-color: unset !important;
}

// 子级目录
// 子目录高度
.el-menu-item {
  height: 50px !important;
  line-height: 50px !important;
}
// 子级目录鼠标悬浮颜色
.el-menu-item:hover {
  color: @menuHover !important;
  background-color: @subMenuHover !important;
}

// 子级选中，一级打开时的样式
.el-submenu.is-active.is-opened .el-submenu__title {
  background-color: unset !important;
}


// 子级菜单背景颜色
.el-menu--inline {
  background: @subMenuBg;
}

// 折叠菜单时
// collapse时图标问题
.el-menu-item .el-menu-tooltip__trigger {
  display: inline-block !important;
}

// 菜单收起时，图标不居中问题
.el-menu--collapse {
  .el-submenu__title {
    padding-right: 0 !important;
  }
}

// 菜单折叠背景色
.el-menu--vertical {
  background: @menuBg;
  .el-submenu.is-active .el-submenu__title {
    //background-color: #4AB7BD;
    color: @menuActiveText;
  }
}
